<template>
<div id="dailyBuildTest">
  <div class="up">
    <div class="item" v-for="(item,index) in opinionData" :key="index">
<!--      表格标题-->
      <p class="ml-3 colorBlue fw-t">{{index}}</p>
      <div>
<!--        表格数据-->
        <p class="ml-3 colorGrass fw-d">{{item}}</p>
      </div>
    </div>
  </div>
</div>
</template>

<script>
 export default {
    mounted() {
      this.getdata();
    },
    data() {
      return {
        opinionData:[],
      };
    },
    methods: {
    //  请求每日构建数据
    getdata(){
        this.$http({ method: 'get',
                    url: 'show/dailybuild/?system='+this.$route.query.project,}).then(response => {
                    this.opinionData = response.data;
                },
                );
    },
  }
  };
</script>

<style lang="scss" scoped>
#dailyBuildTest {
  display: flex;
  .up {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    font-size: 0.2rem;
    // padding-top: 0.2rem;
    .item {
      border-radius: 0.0625rem;
      padding-top: 1rem;
      margin-top: 0.5rem;
      width: 32%;
      height: 0.875rem;
    }
    .fw-d {
      border-radius: 0.0625rem;
      padding-top: 0.1rem;
      margin-top: 0.1rem;
      // width: 32%;
      height: 0.875rem;
    }
  }
}
</style>